<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>个人中心</title>
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4093219_5k9ksdajsnr.css" />
  <link rel="stylesheet" href="./css/psnCenter.css" />
</head>

<body>
  <div class="wrap">
    <header>
      <h2>个人中心</h2>
    </header>
    <main>
      <div class="banner">
        <div class="imgBox">
          <img src="./images/psnCenter/banner.png" alt="" />
        </div>
        <div class="login">
          <p>Hi,欢迎来到订花乐!</p>
          <a href="./login.html"><button>登录/注册</button></a>
        </div>
        <div class="myBook">
          <div class="all">
            <p>我的订单</p>
            <a href="./order-0.html">
              <p>全部订单&gt;</p>
            </a>
          </div>
          <ul class="cata">
            <li>
              <i class="iconfont icon-qianbao"></i>
              <p>待付款</p>
            </li>
            <li>
              <i class="iconfont icon-songhuozhong"></i>
              <p>派送中</p>
            </li>
            <li>
              <i class="iconfont icon-pingjia"></i>
              <p>待评价</p>
            </li>
            <li>
              <i class="iconfont icon-yiwancheng"></i>
              <p>已完成</p>
            </li>
          </ul>
        </div>
      </div>
      <ul class="column">
        <li>
          <a href="./login.html">
            <i class="iconfont icon-youhuiquanyouhuiquandaijinquan"></i>
            <p>优惠卷</p>
            <div class="i">
              <i class="iconfont icon-xiangyou1"></i>
            </div>
          </a>
        </li>
        <li>
          <a href="./login.html">
            <i class="iconfont icon-shouhuodizhi"></i>
            <p>收获地址</p>
            <div class="i">
              <i class="iconfont icon-xiangyou1"></i>
            </div>
          </a>
        </li>
        <li>
          <a href="./login.html">
            <i class="iconfont icon-shezhi-xianxing"></i>
            <p>设置</p>
            <div class="i">
              <i class="iconfont icon-xiangyou1"></i>
            </div>
          </a>
        </li>
      </ul>
    </main>

  </div>

  <!-- 底部固定导航 -->
  <div class="bottomTab">
    <ul>
      <li>
        <a href="./index.html">
          <i class="iconfont icon-shouye"></i>
          <p>首页</p>
        </a>
      </li>
      <li>
        <a href="./classify.html">
          <i class="iconfont icon-fenlei"></i>
          <p>分类</p>
        </a>
      </li>
      <li>
        <a href="#">
          <i class="iconfont icon-dianhua"></i>
          <p>电话</p>
        </a>
      </li>
      <li>
        <a href="./cart-0.html">
          <i class="iconfont icon-gouwuche"></i>
          <p>购物车</p>
        </a>
      </li>
      <li class="active">
        <a href="./psnCenter.html">
          <i class="iconfont icon-31wode"></i>
          <p>我的</p>
        </a>
      </li>
    </ul>
  </div>
</body>

</html>